.form {
	padding: 10px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
.form-item {
	display: flex;
	> label {
		margin-right: 10px;
		min-width: 80px;
		font-size: 14px;
		line-height: 30px;
	}
	.control {
		flex: 1;
		display: flex;
		.input {
			flex: 1;
			height: 30px;
			display: flex;
			border: 1px solid #ccc;
			border-radius: 2px;
			overflow: hidden;
			transition: border-color 0.2s;
			&:focus-within {
				border-color: var(--primary-color);
			}
			input {
				flex: 1;
				padding: 0 6px;
				width: 100%;
				height: 100%;
				font-size: 14px;
			}
		}
		.button {
			flex: 1;
			height: 30px;
			display: flex;
			border: 1px solid #ccc;
			border-radius: 2px;
			overflow: hidden;
			transition: border-color 0.2s;
			&:focus-within {
				border-color: var(--primary-color);
			}
			button {
				flex: 1;
				width: 100%;
				height: 100%;
				font-size: 14px;
			}
		}
	}
}
